<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="MarkLight is a framework for Unity that offers XUML a design language similar to HTML but instead of creating webpages it is used to design scenes in Unity.">
<meta name="keywords" content="marklight, markux, mvvm, unity, unity3d, mvm, mvp, mvc, ux, ui, user interface, user experience, interfaces, game, games, controls, widgets, xml, markup, framework, design, create, share, dream, build, play, dynamic, responsive, fluid, intuitive, easy, simple, powerful, sleek, elegant, structured, flow, creative">
<meta name="author" content="Ex Makina">
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>MarkLight 2.3.0 Released | MarkLight</title>
<script src="../../js/html5shiv.js"></script>  <!-- support for HTML5 in IE8 -->
<!-- CSS file links -->
<link href="../../css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="../../css/bootstrap.icon-large.min.css" rel="stylesheet">
<link href="../../css/style-documentation.css" rel="stylesheet" type="text/css" media="all" id="styleChange" />
<link href="../../css/lightbox.css" type="text/css" rel="stylesheet" />
<link href="../../css/responsive.css" type="text/css" rel="stylesheet" />
<link href="../../css/vs.css" type="text/css" rel="stylesheet" />
<link href="../../css/font-awesome-4.5.0/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-76413937-1', 'auto');
  ga('send', 'pageview');

</script>

<script>
var trackOutboundLink = function(url) {
   ga('send', 'event', 'outbound', 'click', url, {'hitCallback':
     function () {
     document.location = url;
     }
   });
}
</script>
</head>

<body>

    <!-- Sub-Header Start -->
    <header class="navbar navbar-fixed-top subNavBar" role="navigation">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-3">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-3">
        <ul class="nav navbar-nav navbar-left subCategories">
            <li class="subCategorySelected"><a href="../introduction.html" class="external">Introduction</a></li>
            <li><a href="../tutorials.html">Tutorials</a></li>
            <li><a href="../api/MarkLight.Views.Animate.html" class="external">API docs</a></li>            
        </ul>
        <span class="slackLeftOffset"><script async defer src="https://marklight.herokuapp.com/slackin.js"></script></span>
      </div><!-- /.navbar-collapse -->
    </header>

    <!-- Header Start -->
    <header class="navbar navbar-default navbar-fixed-top mainNavBar">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="http://www.marklightforunity.com/"></a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="../../index.html" class="external">Home</a></li>
                    <li><a href="https://www.assetstore.unity3d.com/#!/content/37466" class="external" onclick="trackOutboundLink('https://www.assetstore.unity3d.com/#!/content/37466'); return false;">AssetStore</a></li>
                    <li class="current"><a href="../introduction.html" class="current">Documentation</a></li>
                </ul>
            </div><!--/.navbar-collapse -->
      </div><!-- END Container -->
    </header><!-- END Header -->

    <!-- Documentation Start -->
    <a class="anchor" id="documentationAnchor"></a>
    <section id="documentation" class="marginSubMenu">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">   
            <h1>MarkLight 2.3.0 Released</h1>
            May 25, 2016
          </div>
        </div>

        <div class="row">
          <div class="col-lg-9">        

          <a class="docIndexAnchor" id="introduction"></a>
          Version highlights:<br>
          <br>
          <ol>

            <li>
              <b>Scrollable Lists</b> - Lists can be made scrollable through the <b>IsScrollable</b> field. This means the TabPanel Headers, ComboBox and DataGrid can be made scrollable as well (through the magic of object composition). ScrollTo method also added to ObservableList for scrolling to items in the list. See the new AdvancedLists scene for an example.<br>
              <br>
            </li>

            <li>
              <b>List Item Pooling</b> - List items can be pooled (pre-created and ready to be used) which improves performance when dynamically adding new items. List pooling is activated by setting PoolSize (initial pool size) and MaxPoolSize (if you want the pool size to grow as items are added) on the List view.<br><br>
            </li>

            <li>
              <b>View Switcher Animations</b> - You can now add two new animations to the view switcher: TransitionInReverse and TransitionOutReverse that are activated when switching to a view whose child index is lower than the current one. This is to be able to create different animations when transitioning to next or previous view. See the new ViewSwitcherExample scene for an example.<br>
              <img src="../../images/showcase/nextprev.gif" alt="next previous animation"><br>

            </li>

          </ol>
          <br>
          <br>
          <h2>Change Log</h2>
          <br>
          <span class="changelog">
<b>v2.3.0</b><br>
<ul>
<li>Two more examples added: AdvancedLists and ViewSwitcher</li>
<li>Embedded scroll functionality to List view activated through IsScrollable field</li>
<li>Scrollable ComboBox through IsScrollable and ListHeight fields</li>
<li>Added ScrollTo method to ObservableList for scrolling to items in the list</li>
<li>Minimizing of redundant objects in the hierarchy, added fields to remove certain unused objects (such as list mask)</li>
<li>Content in the Panel is no longer inside a Frame by default</li>
<li>ShowVerticalScrollbar and ShowHorizontalScrollbar replaced by HorizontalScrollbarVisibility and VerticalScrollbarVisibility enum</li>
<li>Added CanReselect field to List that allows items to be selected even if they already are selected, used by ComboBox to allow same item to be selected in the drop-down</li>
<li>Fixed bugs in Slider, RadialMenu, ComboBox and Window where mouse position calculation logic not working correctly in scaled canvases</li>
<li>Added UseListMask boolean to List which removes the list mask object from the hierarchy if set to False (default)</li>
<li>View pooling functionality to improve performance when dynamically creating items</li>
<li>The List view can be configured to use view pooling for improved performance when creating list items</li>
<li>Fixed bug where views without view models didn't show up in the view presenter list</li>
<li>Fixed bug where BaseDirectory is not used when bindings values propagate</li>
<li>ViewSwitcher now supports reversed animations useful when you want different transitions previous->next and next->previous</li>
<li>Fixed bug with view switcher not working correctly with both transition in and out animations and when switching fast</li>
<li>Added DisableItemArrangement bool to List view for the option to disable default list item grouping layout</li>
<li>Fixed so XSD schema for resource dictionaries are generated</li>
<li>Fixed bug where buttons stayed in highlighted state when they were deactivated when pressed</li>
<li>Fixed bug where static transformation method "Format" had incorrect signature</li>
<li>Performance improvements in how layout changes propagates in groups and lists</li>
</ul>
</span>


          <br><br><br><br>
          <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

          </div> <!-- END OF FIRST COLUMN -->

        </div><!-- END OF ROW-->
      </div> <!-- END OF CONTAINER -->
    </section>


    <!-- Start subscription box -->
    <section id="promoBox">
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <h4><span>Join the Announcement List</span></h4>
            <p>Be notified when new themes, views, tutorials and updates are available</p>
          </div>
          <div class="col-lg-6">
            <form method="post" name="subscribeForm" id="subscribeForm" action="http://scripts.dreamhost.com/add_list.cgi">
                <input type="hidden" name="list" value="news" />
                <input type="hidden" name="domain" value="markux.com" />
                <input type="text" name="email" id="emailInput" placeholder="your email here" /> 
                <input type="submit" name="submit" id="subscribeButton" value="Subscribe" /> 
            </form>

          </div>
        </div><!-- END Row -->
      </div><!-- END container -->
    </section><!-- END Promo box -->

    <footer>
      <div class="container">
        <div class="row footer-info">
          <div class="col-lg-5">
            <img src="../../images/exmakina.png" alt="company logo" />
          </div>
          <div class="col-lg-3 contact">
            <ul>
              <li><img src="../../images/icons/footerMail.png" alt="mail icon" /><a href="mailto:contact@marklightforunity.com "> contact@marklightforunity.com </a></li> 
            </ul>                
          </div>
          <div class="col-lg-4">
            <ul class="socialIcons footer-social socialIconsOffset">
                <li><a href="https://twitter.com/MarkUX" onclick="trackOutboundLink('https://twitter.com/MarkUX'); return false;" class="twitterIcon" target="_blank"></a></li>
                <li><a href="http://www.reddit.com/r/marklight" onclick="trackOutboundLink('http://www.reddit.com/r/marklight'); return false;" class="redditIcon" target="_blank"></a></li>
                <li><span class="slackOffset"><script async defer src="https://marklight.herokuapp.com/slackin.js"></script></span></li>
            </ul>
          </div>
        </div><!-- END Row -->
      </div><!-- END Container -->
    </footer><!-- END Footer -->
    
<!-- JavaScript file links -->
<script src="../../js/jquery-1.12.3.min.js"></script>            <!-- Jquery -->
<script src="../../js/bootstrap.min.js"></script>     <!-- bootstrap -->
<script src="../../js/jquery.bxslider.min.js"></script>  <!-- bxslider -->
<script src="../../js/tabs.js"></script> <!-- custom tab script -->
<script src="../../js/lightbox-2.6.min.js"></script>  <!-- lightbox -->
<script src="../../js/jquery.scrollTo.js"></script>  <!-- scollTo -->
<script src="../../js/jquery.nav.js"></script>  <!-- one page nav -->
<script src="../../js/respond.js"></script>
<script src="../../js/highlight.pack.js"></script>

<script>
  "use strict";

$(document).ready(function() {
    hljs.initHighlightingOnLoad();
    $('.nav.navbar-nav.navbar-right').onePageNav({
        currentClass: 'current',
        filter: ':not(.external)'
    }); 
    $('span code').each(function(i, inline)
    {
      hljs.highlightBlock(inline);
    });
});
</script>

</body>
</html>
